```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新建分支名称</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #fff;
            color: #333;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 600px;
            margin: auto;
        }
        .form-group {
            margin-bottom: 15px;
        }
        .form-group label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
        }
        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .form-group textarea {
            height: 100px;
        }
        .buttons {
            text-align: right;
        }
        .buttons button {
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        .buttons .cancel {
            background-color: #f4f4f4;
            color: #333;
        }
        .buttons .create {
            background-color: #007bff;
            color: #fff;
        }
    </style>
</head>
<body class="theme-light" data-layout="fluid" data-grid-columns="12">
    <div class="container" data-antd-component="Row">
        <h2 data-antd-component="Typography.Title">新建分支名称</h2>
        <form data-antd-component="Form">
            <div class="form-group" data-antd-component="Form.Item">
                <label for="start-point" data-antd-component="Typography.Text">起点分支/标签/提交 *</label>
                <input type="text" id="start-point" value="master" readonly data-antd-component="Input" data-antd-props='{"readOnly":true}'>
            </div>
            <div class="form-group" data-antd-component="Form.Item">
                <label for="branch-name" data-antd-component="Typography.Text">新建分支名称 *</label>
                <input type="text" id="branch-name" placeholder="请输入新的分支名称" data-antd-component="Input">
            </div>
            <div class="form-group" data-antd-component="Form.Item">
                <label for="branch-description" data-antd-component="Typography.Text">分支描述</label>
                <textarea id="branch-description" placeholder="请输入分支备注信息，不能超过128个字符。" data-antd-component="Input.TextArea"></textarea>
            </div>
            <div class="buttons" data-antd-component="Row" data-antd-props='{"justify":"end"}'>
                <button type="button" class="cancel" data-antd-component="Button" data-antd-props='{"type":"default"}'>取消</button>
                <button type="submit" class="create" data-antd-component="Button" data-antd-props='{"type":"primary"}'>新建</button>
            </div>
        </form>
    </div>
</body>
</html>
```

### 转换说明：
1. **结构分析**：
   - 页面整体布局为一个简单的表单页面，包含标题、表单输入项和操作按钮。
   - 使用 `Row` 和 `Col` 进行布局，但在此示例中，`Row` 已经足够。

2. **组件映射**：
   - `h2` 标签映射为 `Typography.Title`。
   - `form` 标签映射为 `Form`。
   - `label` 标签映射为 `Typography.Text`。
   - `input` 和 `textarea` 标签映射为 `Input` 和 `Input.TextArea`。
   - `button` 标签映射为 `Button`，并根据样式设置 `type` 属性。

3. **属性标注**：
   - 使用 `data-antd-component` 标注组件类型。
   - 通过 `data-antd-props` 传递必要配置，如 `readOnly`、`type` 等。
   - 保留原始 `class` 作为样式钩子。

4. **特殊处理**：
   - 表单元素保持双向绑定能力。
   - 按钮根据样式设置不同的 `type` 属性。